body 
{
	color:white;
	background-color:#000;
	margin:0;
	padding:0;
	height:100%;
	font-family:arial;
	font-size:12px;
	

  }
  
  
 #wrapper {
	min-height:100%;
	position:relative;
}

#navcontainer ul
{
padding:10px;
list-style-type: none;
text-align: center;
}

#nav
{
 	padding: 5px;
	text-align:center;	
}

#nav ul{
	background-color: #333333;
		width:80%
		margin: 0 auto;
}


#nav li 
{
	
	width:100px;
    display:inline;
	
}
#nav li a 
{   
   font-family:Arial;
   font-weight: bold;
   font-size:16px;
   text-decoration: none;
   padding:10px;
   color:#ffffff;
   border-bottom:1px;
   border-bottom-color:#000000;
   border-bottom-style:solid;

}
#nav li a:hover 
{
   background-color:orange;
   padding-bottom:12px;
   border-bottom:2px;
   border-bottom-color:#000000;
   border-bottom-style:solid;
  
}

#content {
	padding:10px;
	padding-bottom:80px;   /* Height of the footer element */
}

#footer {
	 font-family:Arial;
   font-weight: bold;
   font-size:10px;
	color:white;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	text-align: center;
}

#footer:hover  {
	color:   orange;
  
}


